<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <title>响应式卡片2</title>
        <link rel="stylesheet" href="./css/响应式卡片2.css" />
    </head>

    <body>
        <div class="container">
            <div class="card">
                <div class="imgBox">
                    <img src="/images/美女1.jpg" />
                </div>
                <div class="content">
                    <h2>Card One</h2>
                    <p>
                        Lorem ipsum dolor sit amet consectetur adipisicing elit.
                        Veritatis asperiores illum unde debitis iste, sit
                        suscipit adipisci laborum dicta, aspernatur tempore quod
                        tenetur perspiciatis aliquam soluta et consequuntur,
                        assumenda officiis.
                    </p>
                </div>
            </div>
            <div class="card">
                <div class="imgBox">
                    <img src="/images/美女2.jpg" />
                </div>
                <div class="content">
                    <h2>Card Two</h2>
                    <p>
                        Lorem ipsum dolor sit amet consectetur adipisicing elit.
                        Veritatis asperiores illum unde debitis iste, sit
                        suscipit adipisci laborum dicta, aspernatur tempore quod
                        tenetur perspiciatis aliquam soluta et consequuntur,
                        assumenda officiis.
                    </p>
                </div>
            </div>
            <div class="card">
                <div class="imgBox">
                    <img src="/images/卡通-美女.jpg" />
                </div>
                <div class="content">
                    <h2>Card Three</h2>
                    <p>
                        Lorem ipsum dolor sit amet consectetur adipisicing elit.
                        Veritatis asperiores illum unde debitis iste, sit
                        suscipit adipisci laborum dicta, aspernatur tempore quod
                        tenetur perspiciatis aliquam soluta et consequuntur,
                        assumenda officiis.
                    </p>
                </div>
            </div>
        </div>
    </body>
</html>
